<template>
  <div>
    <LoginSong v-if="showMySongAndFriend" />
    <MySongList v-else/>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import LoginSong from '../../components/NotLogin/LoginSong'
import MySongList from '../MySong/MySongList'
export default {
  name: 'MySong',
  components: {
    LoginSong,
    MySongList
  },
  data() {
    return {}
  },
  computed: {
    ...mapState({
      showMySongAndFriend: (state) => state.songandfriends.showMySongAndFriend,
      nickname:(state)=>state.user.showMySongAndFriend
    })
  },
  mounted(){
  }
}
</script>

<style lang="less" scoped>
</style>
